<%-- 
    Document   : anadirAutor
    Created on : 30-abr-2014, 15:11:26
    Author     : Rafa
--%>
<%@page import="DAO.Constantes"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="head.html" %> 
                <style>
            /* The CSS */ 

            label {position:relative}
            label:after {
                content:'<>';
                font:35px "Consolas", monospace;
                color:#aaa;
                -webkit-transform:rotate(90deg);
                -moz-transform:rotate(90deg);
                -ms-transform:rotate(90deg);
                transform:rotate(90deg);
                right:8px; top:20%;
                //padding:0 0 2px;
                border-bottom:1px solid #ddd;
                position:absolute;
                pointer-events:none;
            }
        </style>
        <script>
            $(document).ready(function() {
                $("#muestraAsignaturas").hide();
                $("#muestraSecciones").hide();
                $("#externoUPO").click(function() {
                    $("#muestraSecciones").show();
                    $("#muestraAsignaturas").hide();
                });
                $("#internoUPO").click(function() {
                    $("#muestraSecciones").hide();
                    $("#muestraAsignaturas").show();
                });
            });
            
        </script>
    </head>
    <body>
        <!-- Header -->
        <div id="header" class="skel-panels-fixed">

            <div class="top">

                <!-- Logo -->
                <%@include file="perfil.jsp" %>

                <!-- Nav -->
                <nav id="nav">
                    <ul>
                        <li><html:link action="/VistaUsuario/Superuser/irInicio"><span class="fa fa-envelope-o">Control de Mando</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irSecciones"><span class="fa fa-envelope-o">Secciones</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irUsuarios"><span class="fa fa-eye">Usuarios</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irAutoresSuperuser" styleClass="active"><span class="fa fa-check-square">Autores</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irRevistas"><span class="fa fa-users">Revista</span></html:link></li>                

                        </ul>
                    </nav>

                </div>

            </div>

            <!-- Main -->
            <div id="main">
                <section id="anadirUsuario" class="one">
                    <header>
                        <h2 class="alt">A&ntilde;adir Autor</h2>
                    </header>
                    <div class="container" style="text-align: left">

                        <!-- Error --> 
                        <p><bean:write name="ModificarAutorActionForm" property="error" filter="false"/></p>

                    <html:form action="/VistaUsuario/Superuser/anadirAutor" enctype="multipart/form-data">                        

                        <p>Nombre *: <html:text name="ModificarAutorActionForm" property="nombre"/> </p>
                        <p>Apellidos *: <html:text name="ModificarAutorActionForm" property="apellidos"/></p>
                        <p>Email *: <html:text name="ModificarAutorActionForm" property="email"/></p>
                        <p>Titulo *: <html:text name="ModificarAutorActionForm" property="tituloArticulo"/></p>
                        <p>Tema *: <br />
                            <%=Constantes.getTEMA_DIVULGATIVO()%>: <html:radio name="ModificarAutorActionForm" property="tema" value="<%=Constantes.getTEMA_DIVULGATIVO()%>"/>
                            <%=Constantes.getTEMA_INVESTIGACION()%>: <html:radio name="ModificarAutorActionForm" property="tema" value="<%=Constantes.getTEMA_INVESTIGACION()%>"/>
                        </p>
                        <p>Tipo *: <br />
                            Externo UPO: <html:radio name="ModificarAutorActionForm" property="tipo" value="<%=Constantes.getEXTERNO_UPO()%>" styleId="externoUPO"/>
                            Interno UPO: <html:radio name="ModificarAutorActionForm" property="tipo" value="<%=Constantes.getINTERNO_UPO()%>" styleId="internoUPO"/>

                            <p id="muestraSecciones">
                                Seccion:                        
                                <label>
                                    <html:select name="ModificarAutorActionForm" property="idSeccion">
                                        <html:optionsCollection name="ModificarAutorActionForm" property="listaTodasSecciones" label="nombre" value="idSeccion"/>                                                                    
                                    </html:select>
                                </label>
                            </p>
                            <p id="muestraAsignaturas">
                                Asignatura:                        
                                <label>
                                    <html:select name="ModificarAutorActionForm" property="idAsignatura">
                                        <html:optionsCollection name="ModificarAutorActionForm" property="listaTodasAsignaturas" label="nombre" value="idAsignatura"/>                                                                    
                                    </html:select>
                                </label>
                            </p>
                        </p>
                        
                        <p>Articulo *:<html:file name="ModificarAutorActionForm" property="file" accept=".pdf"/></p>
                        
                        <p>Keywords *: <html:textarea name="ModificarAutorActionForm" property="keywordsArticulo" rows="5" style="width: 60%; left: 20%; resize:none;" /></p>

                        <!-- Se tiene que poner en sesion la url donde guardar el articulo -->
                        <% 
                        String ubicacionWebInf = application.getRealPath(Constantes.getSEPARATOR() + "WEB-INF"); %>
                        <html:hidden name="ModificarAutorActionForm" property="ubicacionWebInf" value="<%=ubicacionWebInf%>"/>
                        <p><html:submit value="Aceptar">Aceptar</html:submit> 
                            <html:cancel value="Cancelar">Cancelar</html:cancel></p>

                    </html:form>

                </div>
            </section>
        </div>
    </body>
</html>
